<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="#">
        用户名：<input type="text" name="userNume"><br/>
        <input type="text" name="userName" value="用户名" size="30" maxlength="20" ><br/>
        密码：<input type="password" name="userPwd"><br/>
        <input name="gen" type="radio" value="男" >男
        <input name="gen" type="radio" value="女" checked="checked" >女<br/>
        性别：<input type="radio" id="man" name="sex" checked><label for="man">男</label>
        <input type="radio"name="sex"><label>女</label><br/>
        兴趣：<input type="checkbox" >读书
        <input type="checkbox" >音乐
        <input type="checkbox" >美食<br/>
        籍贯：<select name="" id="">
            <option value="苏州">苏州</option>
            <option value="南京">南京 </option>
            <option value="徐州">徐州</option>
        </select><br/>
        <textarea name="" id="" cols="30" rows="10">意见</textarea><br />
        <input type="submit" value="提交">
        <input type="reset" value="重置">
        <input type="button" value="普通按钮提交"><br />

        <input type="button" value="禁用的按钮" disabled><br />
        <input type="checkbox" name="agree" disabled> 我已阅读协议<br />
        <input type="text" value="这是只读内容" readonly><br />
        <!-- 
            表单控件总结：
            1. input type="text"：文本输入框
            2. input type="password"：密码输入框
            3. input type="radio"：单选按钮
            4. input type="checkbox"：复选框
            5. select + option：下拉选择框
            6. textarea：多行文本域
            7. input type="submit"：提交按钮
            8. input type="reset"：重置按钮
            9. input type="button"：普通按钮
            10. label标签：提高表单可用性
        -->
    </form>
</body>
</html>